<?php include("db.inc"); ?>

<div id="container">
	<h1>Registration process</h1>
	
	
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">Profile Management</a></li>
			<li><a href="#tabs-2">Recommendations</a></li>
		</ul>
		<div id="tabs-1">
			<div id="scrollbar1">
				<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
				<div class="viewport">
					<div class="overview">
						<form method="post" id="customForm" action="profile_model.php" enctype="multipart/form-data">
							<div>
								<label for="avatar">Avatar</label>
								<?php
									$filename = "user_pick/".$_SESSION['User']['id']."/avatar.jpeg";
									if(file_exists($filename)){
										echo "<img src='".$filename."'/>";
									} else {
										echo '<input type="file" name="file" id="file" />';
									}
								?>
								<span id="avatarInfo">upload your avatar</span>
							</div>
							<div>
								<label for="persona">Persona</label>
								<textarea id="persona" name="persona" rows="2" cols="15" ></textarea>
								<span id="personaInfo">decription your persona</span>
							</div>
							<div>
							<?php
								$styles = mysql_query("SELECT * FROM styles");
							?>
								<label for="style">Style</label>
								<select name="style">
								<?php
									while ($style = mysql_fetch_array($styles)) {
										echo '<option value="' . $style['id'] . '">' . $style['name'] . '</option>';
									}
								?>
								</select>
								<span id="styleInfo">choose wisely</span>
							</div>
							<div>
								<label for="brand">Brand</label><br/>
								<?php
									$brands = mysql_query('SELECT * FROM brands');
									while ($brand = mysql_fetch_array($brands)) {
										echo '<div id="brandInput">';
										echo '<p><input type="checkbox" id="checkbox" name="brands[]" value="' . $brand['id'] . '">' . $brand['name'] .'</p>';
										echo '</div>';
									}
								?>
								<div id="clear"></div>
							</div>
							<div>
								<input id="send" name="send" type="submit" value="Send" />
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<div id="tabs-2">
      <h3 class="stylistname" id="Calvin Klein">Calvin Klein</h3>
      <div id="content-Calvin Klein">
        <div id="left">
          <div class="zoom">
            <div class="small">
              <img src="images/Calvin Klein/recommendation-3-photo-3.png" width="150px" height="215px" />
            </div>
          </div>
        </div>
        <div id="right">
          <!-- Recommendation here -->
		<h3><p style="color:#5f95ef;"><b>Clothing</b></p></h3>
		<p style="color:#e17009"><b>- Coat Jacket</b> <br/></p>
		A Distinctive Design
		The traditional chef's coat is a long-sleeved jacket,
		made from two layers of white cotton. The double-breasted design makes the coat reversible, 
		allowing the chef to hide any stains or splashes.

		<p style="color:#e17009"><b>- jeans </b> <br/></p>
		Jean bottoms that have tattoo designs or embroidery on the back pockets.

		<h3><p style="color:#5f95ef;"><b>ACCESORIES</b></p></h3>
		<p style="color:#e17009"><b>- belt </b> <br/></p>
		Choosing Black Or Silver Womens Belt Buckles Will Make You Look Professional
		The reason is because the human eye loves seeing colors that are relative to each other; 
		black and silver are relative to anything because they are basic shades.
        </div>
        <div id="clear"></div>
      </div>
      <h3 class="stylistname" id="Emporio Armani">Emporio Armani</h3>
      <div id="content-Emporio Armani">
        <div id="left">
          <div class="zoom">
            <div class="small">
              <img src="images/Emporio Armani/recommendation-4-photo-4.png" width="150px" height="215px" />
            </div>
          </div>
        </div>
        <div id="right">
          <!-- Recommendation here -->
			<h3><p style="color:#5f95ef;"><b>Clothing</b></p></h3>
			-  You are good in a black dress with a corset bodice, 
			which I like a lot. I just think this outfit looks a tad sloppy and she could've looked neater.

			<h3><p style="color:#5f95ef;"><b>ACCESORIES</b></p></h3>
			<p style="color:#e17009"><b>- belt </b> <br/></p>
			You Should Avoid Oversized Womens Belt Buckles At All Costs
			The human eye tends to enjoy seeing things that are relative in proportion; 
			wearing an oversized model will definitely throw off the eye's perception 
			of what looks "good"-avoid them as much as possible.

			<h3><p style="color:#5f95ef;"><b>SHOES</b></p></h3>
			Mephisto is known for its comfort and high-quality shoes 
			that may cost a pretty-penny but are worth every cent.
        </div>
        <div id="clear"></div>
		</div>
	</div>
</div>

<script>
  $('h3[class="stylistname"]').click(function() {
    $('div[id="content-' + $(this).attr('id') + '"]').slideToggle('slow');
  });

  $('#container').tinyscrollbar();

</script>



<?php mysql_close($con); ?>



